﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebUI.Login" Theme="POSSystem"%>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>POSSystem  |  Login</title>
</head>
<body">
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div style="padding:20px" ID="divLogo" runat="server">
            <asp:Image ID="imgLogo" runat="server" ImageUrl="~/Images/bigLogo.png" />
        </div>
        <cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender2" runat="server"  TargetControlID="divLogo" VerticalSide="Top" HorizontalSide="Left">
        </cc1:AlwaysVisibleControlExtender>

        <asp:Panel ID="panelLogin" runat="server" class='login' style='text-align:center'>
        <table width="100%">
            <tr>
                    <td style="text-align:right; vertical-align:top">
                    <img src="Images/1965580811035504367.png" />
                </td>
                <td style="text-align:left; vertical-align:middle">
                    <asp:Label style="color:White !important" ID="labellogo" runat="server" class="labelMessage1" Text="Login to POS System"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div style="height:10px" >&nbsp;</div>
                </td>
            </tr>
            <tr>
                <td style="text-align:right; vertical-align:top">
                    <asp:Label  ID="Label1" runat="server" Text="Username:" class='labelMessage0'></asp:Label>
                </td>
                <td style="text-align:left; vertical-align:top">
                    <asp:TextBox ID="txtUserName" runat="server" Width="140px" ></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" class='requiredField' ErrorMessage="required" Text='required' Display="Dynamic" ControlToValidate="txtUserName"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="text-align:right; vertical-align:top">
                    <asp:Label  ID="Label2" runat="server" Text="Password:" class='labelMessage0'></asp:Label>
                </td>
                <td style="text-align:left; vertical-align:top">
                    <asp:TextBox TextMode="Password" ID="txtPassword" runat="server" Width="140px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" class='requiredField' ErrorMessage="required" Text='required' Display="Dynamic" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="text-align:left; vertical-align:top">
                   
                </td>
                <td style="text-align:left; vertical-align:top">
                    <asp:Button ID="btnLogin" runat="server" Text="Login"  Width="80px"
                        onclick="btnLogin_Click" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div style="height:10px" >
                        <asp:Panel ID="panel" runat="server"></asp:Panel>
                    </div>
                </td>
            </tr>
        </table>
        </asp:Panel>
        
        <cc1:RoundedCornersExtender TargetControlID="panelLogin" BorderColor="#6287b8" Radius="4" ID="RoundedCornersExtender1" runat="server">
        </cc1:RoundedCornersExtender>
        <cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" TargetControlID="panelLogin" VerticalSide="Middle" HorizontalSide="Center">
        </cc1:AlwaysVisibleControlExtender>
    </form>
</body>
</html>
